<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网络课堂--适当性管理</title>
    <link rel="stylesheet" href="/static/common/css/reset.css">
    <link rel="stylesheet" href="/static/common/css/swiper_2.7.css">
    <link rel="stylesheet" href="/static/common/css/header.css">
    <link rel="stylesheet" href="/static/common/css/footer.css">
    <link rel="stylesheet" href="/static/css/curriculum/list_curriculum-gl.css">
    <link rel="stylesheet" href="/static/common/css/common.css">

</head>

<body>
    <!-- 头部部分 -->
    <div id="header"></div>
    <!-- 内容区域 -->
    <div class="dh-main">
        <div class="curriculum-banner"></div>
        <div class="main-content">
            <div class="main-left">
                <div class="dh-top1">
                    <p class="h-top">网络课堂</p>
                </div>
                <ul class="dh-list">
                    <li> <a class="dh-acitve" href="list_curriculum-gl.html">适当性管理</a></li>
                    <li> <a href="list_curriculum-answers.html">百问百答</a></li>
                    <li> <a href="list_curriculum-expert.html">专家看盘</a></li>
                    <li> <a href="list_curriculum-researcher.html">优秀研究院</a></li>
                    <li> <a href="list_curriculum-viewpoint.html">专家观点</a></li>
                </ul>
            </div>
            <div class="main-right">
                <div class="right-txt-box">
                    <h1>适当性管理</h1>
                    <div class="wz">
                        <span class="wz-span">您的位置：<a href="">首页</a> > <a href="">网络课堂</a> ><a href="">适当性管理</a> </span>
                    </div>
                </div>
                <!-- 右侧的内容 -->

                <div class="box-txt">
                    <div class="zs-tabs">
                        <p class="zs-acitve">投资者分类政策</p>
                        <p>产品/服务分级政策</p>
                        <p>模拟风险测评</p>
                    </div>
                    <div>
                        <div class="box-tab-hide">
                            <ul class="history-list1">
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                            </ul>
                            <ul class="history-list1">
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                            </ul>
                            <ul class="history-list1">
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span>
                                </li>
                            </ul>

                            <!-- 分页 -->
                            <div class="dywPages">
                                共有<b>114</b>个记录&nbsp;&nbsp;&nbsp;&nbsp;每页显示<b>10</b>条，
                                本页<b>1-10</b>条&nbsp;&nbsp;&nbsp;&nbsp;<b>1/12</b>页&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;
                                <span class="active"
                                    href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=1'>1</span>&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=2'>2</a>&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=3'>3</a>&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=4'>4</a>&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=5'>5</a>&nbsp;&nbsp;&nbsp;
                                <a class="nextPage" href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=2'><img
                                        src="../static//images/dh-history/btn-right.png"
                                        alt=""></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=12'>尾 页</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="text"
                                    onkeydown="javascript:if(event.keyCode==13){var page=(this.value>12)?12:this.value;location='/list_search?key=%E4%B8%9C%E6%B5%B7&page='+page+''}"
                                    value="1" style="width:25px">
                                <inpu type="button" value="GO"
                                    onclick="javascript:var page=(this.previousSibling.value>12)?12:this.previousSibling.value;location='/list_search?key=%E4%B8%9C%E6%B5%B7&page='+page+''">
                            </div>
                        </div>
                        <div class="box-tab-hide" style="display: none;">
                            <ul class="history-list1">
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                            </ul>
                            <ul class="history-list1">
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                            </ul>
                            <ul class="history-list1">
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                                <li><a href="detail_curriculum.html">2017年4月限售股份上市提示</a> <span>2016-10-10 16:35</span></li>
                            </ul>
        
                            <!-- 分页 -->
                            <div class="dywPages">
                                共有<b>114</b>个记录&nbsp;&nbsp;&nbsp;&nbsp;每页显示<b>10</b>条，
                                本页<b>1-10</b>条&nbsp;&nbsp;&nbsp;&nbsp;<b>1/12</b>页&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;
                                <a class="active" href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=1'>1</a>&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=2'>2</a>&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=3'>3</a>&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=4'>4</a>&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=5'>5</a>&nbsp;&nbsp;&nbsp;
                                <a class="nextPage" href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=2'><img
                                        src="../static//images/dh-history/btn-right.png" alt=""></a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href='/list_search?key=%E4%B8%9C%E6%B5%B7&page=12'>尾 页</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="text"
                                    onkeydown="javascript:if(event.keyCode==13){var page=(this.value>12)?12:this.value;location='/list_search?key=%E4%B8%9C%E6%B5%B7&page='+page+''}"
                                    value="1" style="width:25px">
                                <inpu type="button" value="GO"
                                    onclick="javascript:var page=(this.previousSibling.value>12)?12:this.previousSibling.value;location='/list_search?key=%E4%B8%9C%E6%B5%B7&page='+page+''">
                            </div>
                        </div>

                         <!-- 第三个的显示切换部分 -->
            <div class="box-tab-hide tabs3-box" style="display: none;">
                <h2 class="txt">模拟风险测评（15题）</h2>
                <p class="txt-p">一、收入来源和数额、资产、债务等财务状况</p>
                <form class="ipt-1">
                    <div class="ipt-1-title">
                        <h3>1、您的主要收入来源和数额是：</h3>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="female" name="ipt1" />
                        <label for="female">A．工资、劳务薪酬、租金等固定收入</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="male" name="ipt1" />
                        <label for="male">B．退休金</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="males" name="ipt1" />
                        <label for="males">C．自营企业、公司入股、转让证券、出售不动产等收入</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="male1" name="ipt1" />
                        <label for="male1">D．无固定收入</label>
                    </div>
                </form>
                <form class="ipt-1">
                    <div class="ipt-1-title">
                        <h3>2、计划投资于证券市场的资金，占您个人或家庭可支配资产的比例是（不含房产、汽车等）</h3>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="female2" name="ipt2" />
                        <label for="female2">A．工资、劳务薪酬、租金等固定收入</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="male3" name="ipt2" />
                        <label for="male3">B．退休金</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="males4" name="ipt2" />
                        <label for="males4">C．自营企业、公司入股、转让证券、出售不动产等收入</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="male15" name="ipt2" />
                        <label for="male15">D．无固定收入</label>
                    </div>
                </form>

                <form class="ipt-1">
                    <div class="ipt-1-title">
                        <h3>2、计划投资于证券市场的资金，占您个人或家庭可支配资产的比例是（不含房产、汽车等）</h3>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="female6" name="ipt2" />
                        <label for="female6">A．工资、劳务薪酬、租金等固定收入</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="male7" name="ipt2" />
                        <label for="male7">B．退休金</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="males8" name="ipt2" />
                        <label for="males8">C．自营企业、公司入股、转让证券、出售不动产等收入</label>
                    </div>
                    <div class="ipt-btn">
                        <input type="radio" id="male9" name="ipt2" />
                        <label for="male9">D．无固定收入</label>
                    </div>
                </form>

                <!-- 提交按钮 -->
                <div class="btn_ok">
                    <button>提交</button>
                    <p class="ok-txt"> <input class='check iptShow' type="checkbox">
                        <span>我已阅读并同意《投教平台模拟风险测评提交协议》</span></p>

                </div>

            </div>
                    </div>
                </div>
                
            </div>
           


        </div>
    </div>
    <div>
    </div>

    </div>

    </div>


    </div>

    <!--放一个id为footer的div,把footer.html加载到这块-->
    <div id="footer"></div>
    <!-- 底部部分 -->
    <!-- 弹窗部分 -->
    <!-- 测评结果 -->
    <div class="hide-jg" style="display: none;">
        <div class="kuang-jg">
            <h3>测评结果</h3>
            <p>您的得分总计为<em>85分</em></p>
            <p>您的风险承受能力等级为：<em>积极型</em></p>
            <p>如你对该评估结果不满意，可重复评估。</p>
            <button class="btn-pc">确认</button>
        </div>
    </div>

    <!-- 测评结果 -->
    <div class="hide-jg1" style="display: none;">
        <div class="kuang-jg1">
            <h3>机构声明</h3>
            <p>
                尊敬的投资者：经营机构的适当性匹配意见不表明其对产品或者服务的风险和收益做出实质性判断或者保证。投资者根据自身能力审慎决策，独立承担投资风险。<br>
                风险承受能力评估是经营机构履行适当性管理义务的基础环节，其目的是便于对您的风险承受能力进行分类分级，使本公司所提供的产品或服务与您的风险承受能力等级相匹配，有助于您选择合适的产品或服务类别。<br>
                我们真诚提醒您：本公司向客户履行风险承受能力评估等适当性职责，并不能取代您自己的投资判断，也不会降低产品或服务的固有风险。同时，本公司根据您提供的信息对您进行的基本风险承受能力评估，并依此提供匹配意见。购买产品或证券服务相关的投资风险、履约责任以及费用等将由您自行承担。
            </p>
            <button class="btn-pc1">确认</button>
        </div>
    </div>
</body>
<script src="/static/common/js/jquery-1.11.3.js"></script>
<!-- 加载头尾 -->

<script src="/static/common/js/load.js"></script>
<script src="/static/common/js/swiper_2.7.js"></script>
<script>

    $('.zs-tabs>p').click(function () {
        $(this).addClass('zs-acitve').siblings().removeClass('zs-acitve')
        $('.box-tab-hide').eq($(this).index()).show().siblings().hide()
    })

    $('.btn-pc').click(function () {
        $('.hide-jg1').show()
    })

    // 机构声明
    $('.btn-pc1').click(function () {
        $('.hide-jg1').hide()
    })

    $('.iptShow').click(function () {
        console.log('1111');

        $('.hide-jg').show()
    })
</script>

</html>